
:host {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.24), 0 0 2px rgba(0,0,0,0.12);
    box-sizing: border-box;
    height: 194px;
    width: 194px;
    display:inline-block;
    position: relative;
    -webkit-transition: box-shadow .5s;
    transition: box-shadow .5s;
    margin: 20px 20px 20px 20px;
    cursor:pointer;
    text-align:left;
    p {
        color: #78909C;
        font-size: 13px;
        line-height: 24px;
        padding: 0 16px;
        margin: 0;
    }
    &:hover {
        border-color: #2196F3;
        box-shadow: 0 8px 8px rgba(0,0,0,0.24), 0 0 8px rgba(0,0,0,0.12);
        text-decoration: none;
        .heading {
            color: #2196F3;
        }
    }
    &:active, &:focus {
        outline:0;
    }
}

.heading {
    color: #607D8B;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: 16px 0 8px 0;
    padding: 16px 16px 0 16px;
    text-transform: none;
}
.footer {
    bottom: 0;
    border-top: 1px solid #ECEFF1;
    box-sizing: border-box;
    line-height: 48px;
    left: 0;
    padding: 0 16px;
    position: absolute;
    right: 0;
    a {
        color:#1976D2;
        font-size:12px;
    }
}
